<!DOCTYPE html>  
<html>  
<head>  
<title>GoogleMaps</title>  
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0, user-scalable=no">
</head>  
<body style="margin:0px; padding:0px;"> 
  <div id="map" style="width:100%; height:800px; border: 1px solid #000;"></div> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=zh-CN&region=CN"></script>
    <script type="text/javascript">
	  var directionsDisplay;
	  var geocoder;
	  var map;
	  function initMap(){
		  geocoder = new google.maps.Geocoder();
		  directionsDisplay = new google.maps.DirectionsRenderer();
		  
		  var latitude = 25.48385;
		  var longitude = 100.55094600000007;
		  if (window.android){
		      latitude = window.android.getLatitude();
		      longitude = window.android.getLongitude();
		  }
				  
		  //Creating a LatLng object containing the coordinate for the center of the map
		  var latlng = new google.maps.LatLng(latitude , longitude);
		  // Creating an object literal containing the properties we want to pass to the map
		  var options = {
		    zoom: 8,
		    center: latlng,
		    mapTypeId: google.maps.MapTypeId.ROADMAP,
		    navigationControl: true,
		    navigationControlOptions: {
		        style: google.maps.NavigationControlStyle.ZOOM_PAN,
		        position: google.maps.ControlPosition.TOP_RIGHT
		    },
		    mapTypeControl: true,
		    scaleControl: true
		  };
		  // Calling the constructor, thereby initializing the map
		  map = new google.maps.Map(document.getElementById('map'), options);
		  directionsDisplay.setMap(map);
	  }
	  initMap();
    </script>
</body>  
</html>